<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			img{
				width: 75px;
				height: 75px;
			}
			a{
				text-decoration: none;
			}
			#biaoge{
				border-collapse: collapse;
				border: 1px solid #DBDBDB;
			}
			
			#biaoge td{
				height: 75px;
				padding: 4px 10px;
				border-bottom: 1px dashed #DBDBDB;
			}
			#biaoge tr:nth-of-type(5) td{
				 height: 40px;
			}
			#biaoge th{
				background-color: #EBEBEB;
				
			}
			#biaoge th:nth-of-type(2){
				width: 420px;
			}
			#biaoge tr td span{
				position: absolute;
				line-height: 75px;
			}
			button{
				width: 70px;
				height: 35px;
				display: block;
				color: white;
				background-color: rgb(255,106,0);
				border: 1px solid rgb(255,106,0);
			}
		</style>
	</head>
	<body>
		<table id="biaoge" style="text-align: center;">
			<tr>
				<th></th>
				<th style="text-align: left;padding-left: 15px;">商品名称</th>
				<th>市场价</th>
				<th>订购价(8折)</th>
				<th>数量</th>
				<th>操作</th>
			</tr>
			<tr>
				<td><input type="checkbox" name="a01" id=""></td>
				<td style="text-align: left;padding-left: 15px;">
					
					<img src="img/tlms01.webp" alt="">
					<span>[悦轩饼家蛋糕]榴芒双拼(约2磅)-双拼蛋糕</span>
				</td>
				<td>￥298</td>
				<td>￥198</td>
				<td>2</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="a01" id=""></td>
				<td style="text-align: left;padding-left: 15px;">
					<img src="img/tlms02.webp" alt="">
					<span>[悦轩饼家蛋糕]芒果千层(900g)</span>
				</td>
				<td>￥289</td>
				<td>￥269</td>
				<td>1</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>
					<input type="checkbox" name="a01" id="">
					</td>
				<td style="text-align: left;padding-left: 15px;">
					<img src="img/tlms04.webp" alt="">
					<span>[悦轩饼家蛋糕]榴莲香雪(约2磅)-榴莲蛋糕</span>
				</td>
				<td>￥269</td>
				<td>￥149</td>
				<td>2</td>
				<td>删除</td>
			</tr>
			<tr>
				<td colspan="4"></td>
				<td>应付金额￥565</td>
				<td><button>去结算</button></td>
			</tr>
		</table>
	</body>
</html>